define(()=>{
    return function(cont, res){
        const deir = document.querySelector(".ir");
        let str = "";
        res.forEach(val=>{
            str += `<div class="ele-two">
            <p>${val.name}</p>
            <div class="ele-two-a">
                <div class="ele-two-a-a">
                    <span class="ele-span">价格</span> &nbsp;&nbsp;&nbsp;<span class="ele-two-a-a-span">￥${val.price}~￥${val.price + 10}</span>
                </div>
                <div class="ele-two-a-a">
                    <span class="ele-span-b">领券</span> &nbsp;&nbsp;&nbsp;<span class="ele-two-a-a-b-span">199-8</span><span class="ele-two-a-a-b-span">599-10</span>
                </div>
            </div>
            <p class="ele-two-p"><span class="ele-two-p-span">配送方式:</span>境内发货</p>
            <p class="ele-two-p"><span class="ele-two-p-span">运费:</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;买手承担</p>
            <p class="ele-two-p"><span class="ele-two-p-span">关税:</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;买手承担</p>
            <p class="ele-two-p-bottom"></p>
            <p class="ele-two-p-b">
                规格分类:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="ele-two-p-b-span">30cm</span><span class="ele-two-p-b-span">32cm</span>
            </p>
            <p class="ele-two-p-c">
                数量:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="ele-two-num">
                    <span class="ele-two-p-c-span-a">-</span>
                    <span class="ele-two-p-c-span-b">1</span>
                    <span class="ele-two-p-c-span-a">+</span> 
                </span>
            </p>
            <div class="ele-two-c">
                <span class="ele-two-c-a">
                    立即购买
                    <span class="ele-two-c-a-a">
                        <i class="iconfont">&#xe9bb;</i>
                    </span>
                </span>
                <span class="ele-two-c-b">
                    <i class="iconfont">&#xe697;</i>
                    加入购物车
                </span>
            </div>
            <p class="ele-two-p-bottom"></p>
            <p class="ele-two-end-a">
                支付:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <img class="ele-two-end-img" src="./images/zhifubao.png" alt="">支付宝支付&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <img class="ele-two-end-img" src="./images/zhifubao.png" alt="">微信支付
            </p>
            <p class="ele-two-end-b">
                支付:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <img class="ele-two-end-img" src="./images/zhifubao.png" alt="">支付宝支付
            </p>
        </div>
        <div class="box">
            <div class="img">
                <img src="${val.img}" alt="" class="img-img">
                <span class="zz"></span>
            </div>
            <div class="bimg">
                <img src="${val.img}" alt="" class="bimg-img">
            </div>
            <ul class="list">
                <span id="left" style="background: #f1f1f1;float: left;position: absolute;left: 0px;height: 72px;
                width: 10px;
                margin-right: 20px;line-height: 72px;
                text-align: center;">&lt;</span>
                <li class="li">
                    <img src="${val.img}" alt="">
                </li>
                <li class="li">
                    <img src="${val.img2}" alt="">
                </li>
                <li class="li">
                    <img src="${val.img3}" alt="">
                </li>
                <span id="right" style="float: right;
                position: absolute;
                right: 0px;
                height: 72px;
                width: 10px;
                margin-left: 10px;
                background: #f1f1f1;
                line-height: 72px;
                text-align: center;">&gt;</span>
            </ul>
        </div>`
        })
        cont.html(str);
    }
    
})